<?php if (!defined('THINK_PATH')) exit();?>
<!-- 引入头部 -->   
<!DOCTYPE html>
<html lang="zh-CN" xmlns:wb="http://open.weibo.com/wb">

<head>
<meta charset="utf-8">
<title><?php echo ($pageTitle); ?>-ibeginner菜鸟网，最简洁的个人网站</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta property="qc:admins" content="11670231027166526316110063757" />
    
<meta name="keywords" content="ibeginner,java,javascript,算法,程序员,程序开发,博客,Linux,前端开发,MacBook,苹果电脑">
<meta name="description" content="事无巨细，集腋成裘！每个程序员都应该有属于自己的一变天地。。">
<meta name="author" content="ubuntuvim,1527254027@qq.com">
<meta name="robots" content="index,follow">
<meta name="baidu-site-verification" content="bGNKDw4egt" />


<!-- 新 Bootstrap 核心 CSS 文件 -->
<!--<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">-->
 <!-- Loading Bootstrap -->
<link href="/Public/FlatUI/css/vendor/bootstrap.min.css" rel="stylesheet">

<!-- Loading Flat UI -->
<link href="/Public/FlatUI/css/flat-ui.css" rel="stylesheet">


<link rel="shortcut icon" href="/Public/images/logo/1155606.png">

<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
  <script src="/Public/FlatUI/js/vendor/html5shiv.js"></script>
  <script src="/Public/FlatUI/js/vendor/respond.min.js"></script>
<![endif]-->

  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/Public/FlatUI/js/vendor/jquery.min.js"></script>
<!--<script src="/Public/js/common/jquery.color.js"></script>-->

<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/Public/FlatUI/js/flat-ui.min.js"></script>

<script src="/Public/js/home/login_register.js"></script>
<!--  新浪微博第三方登录插件  -->
<!--<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js?appkey=670979742" type="text/javascript" charset="utf-8"></script>-->
<!--<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>-->
<script src="/Public/js/oauth2/wb.js?appkey=670979742&debug=true" type="text/javascript" charset="utf-8"></script>
<!-- 腾讯qq第三方登录插件 -->
<script type="text/javascript" src="/Public/js/oauth2/qq-oauth2.js"></script>

<!-- 引入打开页面显示圈圈的效果js -->
<!--
<script src="/Public/js/page-effect/classie.js"></script>
<script src="/Public/js/page-effect/snap.svg-min.js"></script>
<script src="/Public/js/page-effect/svgLoader.js"></script>
<script src="/Public/js/page-effect/my-defined-effect.js"></script>
-->
<!-- 引入多说评论插件 -->
<script src="/Public/js/duoshuo/duoshuoplagin.js"></script>
<!--  引入jQuery动画插件  -->
<script src="http://cdn.bootcss.com/jquery-easing/1.3/jquery.easing.min.js"></script>
    
<!--  自定义css  -->
<link rel="stylesheet" href="/Public/css/index.css">
<link rel="stylesheet" href="/Public/css/right-meun.css">
<!-- 自定义的响应式样式必须要放在index，否则不能覆盖原有的样式 -->    
<link rel="stylesheet" href="/Public/css/home-responsive.css"> <!-- 自定义的响应式样式 -->
    
<!-- 引入打开页面显示圈圈的效果css -->
<!--<link rel="stylesheet" href="/Public/css/page-effect/my-effect-style.css">-->

<!-- 引入右侧的工具栏样式 -->    
<script type="application/javascript" src="/Public/js/right-tools/popwin.js"></script>
<link rel="stylesheet" href="/Public/css/right-tools/zzsc.css">

<!-- 
引入代码显示插件（在博客页面显示有行数的代码片段）
参考：http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
 -->
<!-- <script type="text/javascript" src="/Public/SyntaxHighlighter/brush.js"></script>
<link type="text/css" rel="stylesheet" href="/Public/SyntaxHighlighter/shCore.css"/>
<link type="text/css" rel="stylesheet" href="/Public/SyntaxHighlighter/shThemeDefault.css"/>
  -->
<!-- 
<style type="text/css">
.img-max{width:100%;height:auto;}
.img-min{width:auto;height:auto;}
</style> 
-->
</head>
<?php
 $currentURLduoshuo = 'http'; if ($_SERVER["HTTPS"] == "on") { $currentURLduoshuo .= "s"; } $currentURLduoshuo .= "://"; if ($_SERVER["SERVER_PORT"] != "80") { $currentURLduoshuo .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"]; } else { $currentURLduoshuo .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"]; } ?>
<input type="hidden" value="<?php echo ($currentURLduoshuo); ?>" name="CURRENT_URL" id="CURRENT_URL_ID">

<!-- Static navbar -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
  <div class="container">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
      </button>
      <a class="navbar-brand" href="http://ibeginner.sinaapp.com/">
          <img src="/Public/images/logo/1155606.png" style="margin:0; padding:0;margin-top:-5px;" height="32px" width="32px">
          <font style="font-weight: bold; font-family: monospace;" class="logotext320noshow and1000-768noshow">ibeginner</font>
        </a>
    </div>
    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav">
          <li class=""><a href="<?php echo U('Home/Index/index');?>"><span class="glyphicon glyphicon-home"></span> 主页</a></li>
          
          <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-pencil"></span> 笔记 <b class="caret"></b></a>
              <ul class="dropdown-menu">
                  <?php if(is_array($typeList)): $i = 0; $__LIST__ = $typeList;if( count($__LIST__)==0 ) : echo "" ;else: foreach($__LIST__ as $key=>$vo): $mod = ($i % 2 );++$i;?><li>
                          <a href="<?php echo U('Home/Index/index', array('cont_type' => $vo['type_no']));?>" class=""><?php echo ($vo["type_name"]); ?></a>
                      </li><?php endforeach; endif; else: echo "" ;endif; ?>
              </ul>
          </li>

        	<!-- 2015-08-22 去掉这个模块，没什么卵用！！
         <li>
          <a href="<?php echo U('Home/Discussion/index');?>">
          <span class="glyphicon glyphicon-comment"></span> 讨论</a>
        </li>
		-->

        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                <span class="glyphicon glyphicon-tasks"></span> Todos <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li>
                <!-- 
					对于还没使用第三方登录的用户提示登录<?php echo U('Home/Discussion/commonFormNoLogin');?> 
					empty() 若变量已存在、非空字符串或者非零，则返回 false 值；反之返回 true。
				-->
                <?php if(empty($_SESSION['LOGINUSERINFO']) && empty($_COOKIE['my_cookie_key'])): ?><!-- 从 Public/js/index.js 引入 -->
                  <a href='#' onclick="showTaskListLoginPage()">
                      ibeginner Todos
                  </a>
                <?php else: ?>
                    <a href="<?php echo U('Home/TaskList/index');?>">
                      ibeginner Todos
                    </a><?php endif; ?>
              </li>
              <li>
                  <a href="<?php echo U('Home/TaskList/emberjsTodos');?>" target="_blank">Emberjs Todos</a>
                </li>
            </ul>
        </li>

       
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> About Us <b class="caret"></b></a>
          <ul class="dropdown-menu">
              <li>
                  <a href="<?php echo U('Home/About/history');?>" class="" target="_blank">建站纪实</a>
              </li>
              <!--
              <li>
                  <a href="#" class="">联系我们</a>
              </li>
				-->
              <li>
                  <a href="https://github.com/ubuntuvim" target="_blank">github</a>
              </li>
              <li>
                  <a href="https://git.oschina.net/chendequan/" target="_blank">oschina git</a>
              </li>
              <li>
                  <a href="http://weibo.com/1816124554/profile?topnav=1&wvr=6" target="_blank">作者微博</a>
              </li>
              
              <li>
                  <a href="javascript: alert('请联系QQ：1527254027');" class="">广告联系</a>
              </li>
          </ul>
        </li>
      </ul>
    
    </div><!--/.nav-collapse -->
  </div>

</div>


</html>

<script type="text/javascript">
//  如果访问的设备是小屏幕的移动设备冲定向到适配小屏幕的页面，这种方式有点冒险，暂时这么用把
if(/Android|webOS|iPhone|iPod|BlackBerry|opera mini|opera|ucweb|ios|ipad|symbianos|Uc|webOS|Windows CE|Windows Phone/i.test(navigator.userAgent)) {
    //  获取当前页面的 URL，在 header 已经设置了
    var currentUrl = document.getElementById('CURRENT_URL_ID').value;
    // 提交 URL 中的 detail 为 detail4mobile 
    currentUrl = currentUrl.replace("detail", "detail4mobile");
    window.location.href = currentUrl; 
}

</script>
<link rel="stylesheet" href="/Public/css/detail-style.css">
<link rel="stylesheet" href="/Public/css/duoshuo/commentlist.css">
<script type="application/javascript" src="/Public/js/home/index.js"></script>

<!-- 对于小屏幕的移动端使用默认的显示样式，所以单独放置这个 HTML 内，而不是放置 header 内  -->
<script type="text/javascript" src="http://static.oschina.net/js/syntax-highlighter-2.1.382/scripts/brush.js"></script>
<!-- 当页面宽度大于600才引入，否则以默认方式显示（没有行号等但是可以在小屏幕显示不至于撑开） -->
<link type="text/css" rel="stylesheet" href="http://static.oschina.net/js/syntax-highlighter-2.1.382/styles/shCore.css"/>
<link type="text/css" rel="stylesheet" href="http://static.oschina.net/js/syntax-highlighter-2.1.382/styles/shThemeDefault.css"/>

<script type="text/javascript">
$(document).ready(function(){
  //  设置代码块的样式
  
  //SyntaxHighlighter.config.clipboardSwf = '/Public/SyntaxHighlighter/clipboard.swf';
  SyntaxHighlighter.config.clipboardSwf = 'http://static.oschina.net/js/syntax-highlighter-2.1.382/scripts/clipboard.swf';
  SyntaxHighlighter.all();
  //  为了兼容ueditor 生成的代码片段，ueditor 默认不显示 toolbar
  $("pre").addClass(";toolbar:true");
});
</script>
<style type="text/css">
.my-panel-footer-style {
    font-size: 11px;
}
p {
    line-height: 1.4;
}
</style>

<body>
<!-- 引入第三方登录页面 -->

<div class="modal fade" id="showTaskListLoginPage_id" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
   <div class="modal-dialog">
	  <div class="modal-content">
	    <div class="modal-header">
	      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	      <h6 class="modal-title" id="gridSystemModalLabel">您还未登录，请使用如下的账号登录~~~</h6>
	    </div>
	    <div class="modal-body">
	      <div class="container-fluid">
	        <div class="row">
	          <div class="col-md-12">
	              <div class="ds-login"></div>  
	          </div>
	        </div>
	      
	      </div>
	    </div>
	<!--
	    <div class="modal-footer">
	      <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
	      <button type="button" class="btn btn-primary">Save changes</button>
	    </div>
	-->
	  </div><!-- /.modal-content -->
	</div><!-- /.modal-dialog -->
</div>

<div class="container">

<!-- 首先屏幕分为2列 -->
<div class="row">
    <!-- 如果是中大屏幕则分为2列，在小屏幕就显示一列 -->
    <div class="col-md-9 col-sm-9 col-xs-12">

            <div class="panel panel-default">
              <div class="panel-heading" style="background-color: #FFF;">
                <h3 class="panel-title"><?php echo ($content["title"]); ?></h3>
              </div>
              <div class="panel-body context-font-style" style="font-size: 18px;line-height: 1;">
                  <?php echo (htmlspecialchars_decode($content["content"])); ?>
              </div>
            </div> 

		 <!-- // 使用多说评论插件，不再需要自己编写评论功能了，非常方便 -->
        <!-- 多说评论框 插件 -->
        <span id="commentPanel">
            <div class="ds-thread" data-thread-key="<?php echo ($content["id"]); ?>" data-title="<?php echo ($content["title"]); ?>" 
                 data-url="<?=$currentURLduoshuo?>"></div>
       </span>

    </div>  <!-- / col-md-9 col-sm-9 col-xs-12 -->

<!--    右则的菜单栏 -->
    <div class="col-md-3 col-sm-3 leftMenu leftMenuLg768 my-shadow-style right-panel-style" style="">
    <div class="row leftMenuLg768-bottom-borderr" style="">
        <span class="" style="margin: 4px;">
            <a href="http://www.weibo.com/ubuntuvim" target="_blank">
                <img src="../Public/images/logo/1155606.png" class="img-rounded " style="margin-top: 4px;" height="52px" width="52px">
            </a>
            <div style="height: 20px; margin-left: 67px; margin-top: -57px;">
                <a href="http://www.weibo.com/ubuntuvim" target="_blank">ubuntuvim</a>
            </div>
            <div style="height: 20px; margin-left: 67px; margin-top: 4px; font-size: 12px;" class="doWellInfo">
                JAVA PHP JAVASCRIPT ……
            </div>
        </span>
    </div>
    <div class="row leftMenuLg768-bottom-border leftMenuLg768-top-border leftMenuLg768-title" 
    	style="margin-top: 15px; border-bottom: #DDDDDD 1px solid; font-size: 14px;">
        最新文章
    </div>
    <div class="row leftMenuLg768-bottom-border leftMenuLg768-content">
        <!-- 多说热评文章 start -->
        <div class="ds-top-threads" data-range="daily" data-num-items="5" style="list-style-type: none; padding-left: 15px;"></div>
        <!-- 多说热评文章 end -->

    </div>
    <div class="row leftMenuLg768-bottom-border leftMenuLg768-top-border leftMenuLg768-title" style=" font-size: 14px;">
        最新评论
    </div>
    <div class="row leftMenuLg768-bottom-border leftMenuLg768-content">
       <!-- 多说最新评论 start -->
	<div class="ds-recent-comments" data-num-items="5" data-show-avatars="1" data-show-time="1" data-show-title="1" data-show-admin="1" data-excerpt-length="30" style=""></div>
    </div>
    
</div>

</div> <!-- /row-->

</div> <!-- /container -->


<!-- 右侧的工具栏 -->    
<div id="moquu_wxin" class="moquu_wxin"><a href="javascript:void(0)"><div class="moquu_wxinh"></div></a></div>
<div id="moquu_wshare" class="moquu_wshare"><a href="javascript:void(0)"><div class="moquu_wshareh"></div></a></div>  

<a id="moquu_top" href="javascript:void(0)"></a>
    
</body>

<!-- 引入尾部 -->

<center>
<div class="container-fluid" style="padding:0;">
    <footer class="footer" style="color:#3c5269; padding: 10px 0 1px 0;">
        <p style="text-center">
            CopyRight ©2014,Site Build By Ubuntuvim.
            <font class="logotext320noshow">广西梧州富民三路82号</font>
        </p>
    </footer>
</div>
</center>